

<div class="row" 
	
	xmlns:th="http://www.thymeleaf.org">
	<div class="col-md-12">

		<table id="leads" 
			class="table table-striped table-bordered"
			>
			<thead>
				<tr>
					<th>FirstName</th>
					<th>LastName</th>
					<th>City</th>
					<th>E-Mail</th>
					<th>Created Date</th>
					<th>Last Modified</th>
					
				</tr>
			</thead>
			
		</table>
	</div>
</div>

<script type="text/javascript">

	 
	$(document).ready(function() {
		
	    $('#leads').dataTable( {
	        "ajax": 
	        	{"url" : "/api/v1/lead/list/all",
	        	"dataSrc": ""},
	        "columns": [
	            { "data": "id" },
	            { "data": "firstName" },
	            { "data": "lastName" },
	            { "data": "email" },
	            { "data": "createdDate" },
	            { "data": "lastModifiedDate" }
	        ]
	    } );
	    
	    
	} );

</script>